@import 'util.sass'

\:host
  height: 100vh
  background: $bg-body
  overflow: hidden

ul.nav
  padding: 20px 0
  width: 200px
  border-right: 1px solid $border-mute
  overflow: hidden

  &:hover
    overflow: auto

  li
    padding: 10px 20px
    border-left: 2px solid transparent
    outline: none
    cursor: pointer

    &.active
      border-left: 2px solid $brand-primary
      background: $bg-hover
      color: $brand-primary

    &:hover
      color: $brand-primary

\:host ::ng-deep

  h2
    margin-top: 0

  section
    padding-bottom: 1rem


